<template>
  <view class="navigator-container wrap">
    <!-- 三个盒子 -->
    <view class="box-item" @click="handler">
      <img src="../../static/img/组件 211 – 1.png" alt=""  class="nav-img"/>
      <view>热门岗位</view></view
    >
    <view class="box-item" @click="handler">
      <img src="../../static/img/组件 212 – 1.png" alt="" class="nav-img" />
      <view>优选推荐</view></view
    >
    <view class="box-item" @click="handler">
      <img src="../../static/img/组件 213 – 1.png" alt="" class="nav-img"/>
      <view>意向岗位</view></view
    >
  </view>
</template>


<script >
export default {
  name: "",
  data() {
    return {};
  },
  methods: {
    handler() {
      this.$emit("nav");
    },
  },
};
</script>


<style  scoped>
@import url("../../style/common.css");
.navigator-container {
  width: 100%;
  padding-left: 70rpx;
  padding-right: 70rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box-item {
  display: flex;
  flex-direction: column;
}
.nav-img {
  width: 100%;
  height: 100rpx;
  margin-bottom: 20rpx;
}
</style>
